#include("common.html")
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>商城</title>
    <meta name="description" content="商城">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="full-screen" content="yes">
    <meta name="x5-fullscreen" content="true">
    <!-- 引入样式 -->
    <link rel="stylesheet" href="#(tpath)/static/css/element.css">
    <link rel="stylesheet" type="text/css" href="#(tpath)/static/css/basic.css">
    <link rel="stylesheet" type="text/css" href="#(tpath)/static/css/filter.css">
    <script src="#(tpath)/static/js/jquery.js"></script>
  </head>
  
  <body>
    <style type="text/css">.logregbg { background:#efefef; width: 100%; height: 100%; background-position: center top; background-size: cover; } .allwarpss { width: 1200px; margin: 0 auto; } .header_cart { height: 65px; padding-top: 35px; } .header_cart .logo { float: left; margin-top: -10px; } .header_cart .logo img{ max-height:60px; } .header_cart h1 { float: left; margin-left: 18px; border-left: 2px #dadada solid; padding-left: 14px; margin-top: 6px; font-size: 18px; } .logregbg .landr_right { width: 330px; background: #fff; height: 380px; margin: 80px auto; border-radius: 5px; } .logregbg .landr_right .lrright_cont { width: 285px; margin: 0 auto; padding-top: 20px; } .logregbg .landr_right .lrright_cont h3 { font-size: 18px; padding: 20px 0; } .layui-form-item { margin-bottom: 15px; clear: both; *zoom: 1; } .layui-input, .layui-textarea { display: block; width: 100%; padding-left: 10px; } .layui-input, .layui-select, .layui-textarea { height: 38px; line-height: 38px; line-height: 36px\9; border: 1px solid #e6e6e6; background-color: #fff; border-radius: 2px; } .layui-form-item:after { content: '\20'; clear: both; *zoom: 1; display: block; height: 0; } .layui-btn-normal { background-color: #1E9FFF; } .layui-btn { display: inline-block; height: 38px; line-height: 38px; padding: 0 18px; background-color: #009688; color: #fff; white-space: nowrap; text-align: center; border: none; border-radius: 2px; cursor: pointer; opacity: .9; filter: alpha(opacity=90); } .allwarpss .landr_right p { margin-bottom: 5px; } html{ height: 100%; } body{ height: 100%; } #login{ height: 100%; } .ft_size14{ float: right; } .radio-group{ margin: 10px 0px; } .captcha_content{ width: 100%; display: flex; margin-top: 10px; } .captcha_left{ flex: 1.5; margin-right: 10px; } .captcha_right{ flex: 0.5; } .el-button--danger{ width: 100%; margin-top: 10px; } .el-button--primary{ width: 100%; margin-top: 10px; } .el-button+.el-button { margin-left: 0px; margin-top: 10px; } .back_bt{ width: 100%; } hr { height: 1px; margin-top: 20px; border: 0; background-color: #e2e2e2; clear: both; } a:hover{ color: #333; } .welcome-txt{ font-size: 14px; margin-bottom: 20px; } .login-txt{ float: right; color: #428bca; font-size: 14px; } .new-pws{ margin-top: 10px; } .el-radio{line-height: 27px;}</style>
    <div id="login">
      <div class="logregbg">
        <div class="allwarpss">
          <div class="header_cart">
            <div class="logo">
              <a href="#(base)/">
                <img src="#(base)/static/images/pclogo.png"></a>
            </div>
            <h1>会员登录&amp;注册</h1></div>
          <div class="landr_right">
            <div class="lrright_cont">
              <span class="welcome-txt">找回密码</span>
              <div class="login-txt">
                <a href="#(base)/login">登录</a></div>
              <div class="cl"></div>
              <hr>
              <form class="layui-form">
                <div>
                  <div class="radio-group">
                    <div role="radiogroup" class="el-radio-group">
                      <label role="radio" aria-checked="true" tabindex="0" class="el-radio is-checked">
                        <span class="el-radio__input is-checked">
                          <span class="el-radio__inner"></span>
                          <input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="cn"></span>
                        <span class="el-radio__label">中国(+86)
                          <!----></span></label>
                      <!-- <label role="radio" tabindex="-1" class="el-radio">
                        <span class="el-radio__input">
                          <span class="el-radio__inner"></span>
                          <input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="au"></span>
                        <span class="el-radio__label">澳大利亚(+61)
                         </span></label>
                      <label role="radio" tabindex="-1" class="el-radio">
                        <span class="el-radio__input">
                          <span class="el-radio__inner"></span>
                          <input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="nz"></span>
                        <span class="el-radio__label">新西兰(+64)
                         </span></label> -->
                    </div>
                  </div>
                  <div class="el-input el-input--suffix">
                    <!---->
                    <input type="text" autocomplete="off" placeholder="请输入您的手机号" class="el-input__inner" id="username">
                    <!---->
                    <!---->
                    <!---->
                    <!----></div>
                  <button type="button" class="el-button el-button--danger" id="sendCaptchaBtn">
                    <!---->
                    <!---->
                    <span>确定</span></button>
                </div>
              </form>
            </div>
          </div>
          <div style="color: rgb(204, 204, 204); text-align: center;">@2016-2023 JRECMS All Rights Reserved</div></div>
      </div>
    </div>
    <style type="text/css">#footer{margin-top: 50px;} .footer-secbg { border-top: 1px solid #e4e4e4; height: 60px; overflow: hidden; color: #ccc; text-align: center; line-height: 60px; } .footer-secbg a{color: #fff;} .footer-secbg p { font-size: 14px; } }</style>
    <!-- <div id="footer">
      <div class="footer-secbg">
        <p class="cp">@2016-2023 JRECMS All Rights Reserved</p></div>
    </div> -->
  </body>

</html>
<script type="text/javascript">
$("#sendCaptchaBtn").on("click",function(){
	var username = $("#username").val();
	if(username==""){
		alert('请输入手机号！');
		return false;
	}
	$.ajax({
        url: "#(base)/common/sms/sendForgetPassword",
        type: "post",
        data: {"mobile":username},
        dataType: "json",
        success: function(res){
        	if(res.type=="success"){
       			location.href="#(base)/password/next?username="+username
       		}else{
       			alert(res.msg);
       		}
        },
        error: function(res){
        }
    });
});
</script>